    body{
        background-image: url(./20201217184325_ecf86.jpg);
        background-repeat: no-repeat;
        height:100%;
        background-size: cover;
        background-position: 50% 9%;
         /* 关键：叠加半透明黑色遮罩，降低背景亮度，提升文字对比度 */
        position: relative;
    }
    body::before {
    content: "";
    position: fixed; /* 与背景图同步固定 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); /*白色半透明遮罩（0.7是透明度，0~1可调）*/
    z-index: -1; /* 放在内容下方 */
    }
    h1{
        margin:0 auto;
        width: 600px;
        text-align: center;
        color: #8B6E4E; /* 暖棕色（呼应木质地板和花朵黄色） */
    }
    h2{
        margin:0 auto;
        width: 600px;
        text-align: center;
        color: #A67F5F; /* 浅棕色，比标题浅一度 */
        font-style: italic; /* 轻微斜体，增加温馨感 */
    }
    #msg-form{
        width: 1000px;
        text-align: center;
        margin: 10px auto;
        padding: 10px;
    }
    #msg-table{
        margin:0 auto;
        width: 1000px;
        text-align: center;
        border-radius: 5px;
        border-collapse: collapse;
        /* background-color: aquamarine; */
    }
    /* 输入框 */
    input[type="text"], textarea {
     width: 30%;
     padding: 8px;
     border: 1px solid #E8E0D2; /* 暖色系边框 */
     border-radius: 6px;
     background-color: rgba(255, 255, 255, 0.9);
     font-size: 15px;
    }
    /* 提交按钮 */
    input[type="submit"] {
      background-color: #8B6E4E; /* 与标题同色 */
      color: white;
      padding: 8px 20px;
      border: none;
      border-radius: 6px;
      font-size: 15px;
      transition: background-color 0.3s; /* 平滑过渡 */
    }
    input[type="submit"]:hover {
     background-color: #735A3E; /* hover时加深，不刺眼 */
    }
    th {
    background-color: #F5F0E8; /* 米白色表头（呼应沙发和纸张） */
    color: #6D5A45; /* 深暖棕文字，清晰易读 */
    padding: 10px;
    border: 1px solid #E8E0D2; /* 浅暖棕边框 */
    }
    td {
    background-color: rgba(255, 255, 255, 0.95); /* 几乎纯白的单元格，突出内容 */
    padding: 10px;
    border: 1px solid #E8E0D2;
    text-align: center;
    }
    tr:hover td {
    background-color: #FCF9F5; /* 轻微变色，不突兀 */
    }
   .container {
       width: 85%;
       /* 移除固定高度 height: 680px; */
       min-height: 680px; /* 保留最小高度（可选），避免内容太少时容器过矮 */
       max-width: 1200px;
       margin: 40px auto;
       padding: 30px;
       background-color: rgba(255, 255, 255, 0.737);
       border-radius: 12px;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
       /* 确保内容溢出时容器能自动扩展（默认值，可省略） */
       overflow: visible;
   }